var currentCid = 1; // 当前分类 id
var cur_page = 1; // 当前页
var total_page = 1;  // 总页数
var data_querying = true;   // 是否正在向后台获取数据


$(function () {
    // 加载页面
    updateNewsData();
    // 首页分类切换
    $('.menu li').click(function () {
        var clickCid = $(this).attr('data-cid')
        $('.menu li').each(function () {
            $(this).removeClass('active')
        })
        $(this).addClass('active')

        if (clickCid != currentCid) {
            // 记录当前分类id
            currentCid = clickCid

            // 重置分页参数
            cur_page = 1
            total_page = 1
            updateNewsData()
        }
    })

    //页面滚动加载相关
    $(window).scroll(function () {

        // 浏览器窗口高度
        var showHeight = $(window).height();

        // 整个网页的高度
        var pageHeight = $(document).height();

        // 页面可以滚动的距离
        var canScrollHeight = pageHeight - showHeight;

        // 页面滚动了多少,这个是随着页面滚动实时变化的
        var nowScroll = $(document).scrollTop();

        if ((canScrollHeight - nowScroll) < 100) {
            //  判断页数，去更新新闻数据
            if(!data_querying){
                data_querying= true;
            }if(cur_page<total_page){
                cur_page+=1;
                updateNewsData()
            }
        }
    })
})

function updateNewsData() {
    //  更新新闻数据
//    向后端请求数据
    var params= {
        'cid':currentCid,
        'page':cur_page
    };
    $.get('news_list',params,function (response) {
        data_querying= false;
            if (response.errno=="0"){
                total_page=response.data.new_pages;
            //    数据查询成功
            //    先删除原来第一页的数据
                if (cur_page==1){
                    $('.list_con').html("");
                }
            //    添加数据
                for (var i=0;i<response.data.new_item_li.length;i++) {
                var news = response.data.new_item_li[i];
                var content = '<li>';
                content += '<a href="/news/'+news.id+'" class="news_pic fl"><img src="' + news.index_image_url + '?imageView2/1/w/170/h/170"></a>'
                content += '<a href="/news/'+news.id+'" class="news_title fl">' + news.title + '</a>'
                content += '<a href="/news/'+news.id+'" class="news_detail fl">' + news.digest + '</a>'
                content += '<div class="author_info fl">';
                content += '<div class="source fl">来源：' + news.source + '</div>'
                content += '<div class="time fl">' + news.create_time + '</div>'
                content += '</div>'
                content += '</li>'
                $(".list_con").append(content)
            }
            }else {
            //    数据查询失败
                alert('数据查询失败')
            }

    })
    //下面这个方法也可以
    // $.ajax({
    //     url:'/news_list',
    //     type:'get',
    //     contentType: 'application/json',
    //     data:params,
    //     success:function (response) {
    //         data_querying= false;
    //         if (response.errno=="0"){
    //             total_page=response.data.new_pages;
    //         //    数据查询成功
    //         //    先删除原来第一页的数据
    //             if (cur_page==1){
    //                 $('.list_con').html("");
    //             }
    //         //    添加数据
    //             for (var i=0;i<response.data.new_item_li.length;i++) {
    //             var news = response.data.new_item_li[i];
    //             var content = '<li>'
    //             content += '<a href="#" class="news_pic fl"><img src="' + news.index_image_url + '?imageView2/1/w/170/h/170"></a>'
    //             content += '<a href="#" class="news_title fl">' + news.title + '</a>'
    //             content += '<a href="#" class="news_detail fl">' + news.digest + '</a>'
    //             content += '<div class="author_info fl">'
    //             content += '<div class="source fl">来源：' + news.source + '</div>'
    //             content += '<div class="time fl">' + news.create_time + '</div>'
    //             content += '</div>'
    //             content += '</li>'
    //             $(".list_con").append(content)
    //         }
    //         }else {
    //         //    数据查询失败
    //             alert('数据查询失败')
    //         }
    //     }
    // })
}
